<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1,FF=33">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>PHÂN BÓN HÀ LAN</title>

    <link rel="stylesheet" href="css/carousel.css" type="text/css">
    <link rel="stylesheet" href="css/animate.css" type="text/css">
    <link rel="stylesheet" type="text/css" href="css/jquery.pagepiling.css" />
    <link rel="stylesheet" href="css/cssmenu02.css">
    <link rel="stylesheet" href="css/main.css" type="text/css">
    <link href="css/hover.css" rel="stylesheet">

    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css">

    <script src="js/jquery-1.11.1.js"></script>
    <script type="text/javascript" src="js/jquery.pagepiling.min.js"></script>
    <script src="js/jquery.marquee.js"></script>
    <script src="js/transport.js"></script>
    <script src="js/home.js"></script>

    <script src="js/bootstrap.min.js"></script>
    <script src="http://s3.amazonaws.com/stockpr-test-store/esph2/files/js/bootstrap.min.js"></script>
    <script src="js/bootstrap.js"></script>

    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCuQpbHUX7nsvK4yrqdGfKOLu4y6hmzDLQ"></script>
</head>
<body>
<div class="container-fluid" id="pagepiling">
<div class="row pp-section div-header" id="divHeaderHomePage">
    <div class="col-lg-12 col-md-12 col-xs-12">
        <div class="row">
            <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
            <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10">
                <div class="row">
                    <a href="#"><img src="images/viet.jpg" class="pull-right language"></a>
                    <a href="#"><img src="images/eng.jpg" class="pull-right language"></a>
                </div>
            </div>
            <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
        </div>
        <div class="row div-category">
            <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"></div>
            <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 center-block">
                <a href="#"><img class="img-header hidden-sm hidden-xs" src="images/logophanbon.png"></a>
            </div>
            <div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
                <div class="row hidden-xs hidden-sm">
                    <nav>
                        <ul class="sf-menu">
                            <li class="li-responsive fullwidth"><a href="#" class="a-title">Giới thiệu</a>
                                <ul class="fullwidth1">
                                    <li class="li-fullwidth">
                                        <div class="row div-fullwidth">
                                            <div class="col-lg-3 col-md-3"></div>
                                            <div class="col-lg-2 col-md-2">
                                                <div class="row div-submenu">
                                                    <a href="#" class="a-hover-11 glow">sub item 11</a>
                                                    <a href="#" class="a-hover-12 glow">sub item 12</a>
                                                    <a href="#" class="a-hover-13 glow">sub item 13</a>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-3 img-fullwidth">
                                                <div class="row img-submenu">
                                                    <img class="img-responsive" src="images/category/1.png">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-md-2">
                                                <div class="div-hover-21 row hidden">
                                                    <a href="#" class="a-hover-21 a-submenu glow">sub item 111</a>
                                                    <a href="#" class="a-hover-22 a-submenu glow">sub item 112</a>
                                                </div>
                                                <div class="div-hover-22 row hidden">
                                                    <a href="#" class="a-hover-21 a-submenu glow">sub item 121</a>
                                                    <a href="#" class="a-hover-22 a-submenu glow">sub item 122</a>
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-md-2">
                                                <div class="div-hover-31 row hidden">
                                                    <a href="#" class="a-submenu glow">sub item 1111</a>
                                                    <a href="#" class="a-submenu glow">sub item 1112</a>
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-md-2"></div>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                            <li class="li-responsive fullwidth"><a href="#" class="a-title">Sản phẩm</a>
                                <ul class="fullwidth2">
                                    <li class="li-fullwidth">
                                        <div class="row div-fullwidth">
                                            <div class="col-lg-3 col-md-3"></div>
                                            <div class="col-lg-2 col-md-2">
                                                <div class="row div-submenu">
                                                    <a href="#" class="a-hover-11 glow">sub item 21</a>
                                                    <a href="#" class="a-hover-12 glow">sub item 22</a>
                                                    <a href="#" class="a-hover-13 glow">sub item 23</a>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-3 img-fullwidth">
                                                <div class="row img-submenu">
                                                    <img class="img-responsive" src="images/category/2.png">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-md-2">
                                                <div class="div-hover-21 row hidden">
                                                    <a href="#" class="a-hover-21 a-submenu glow">sub item 211</a>
                                                    <a href="#" class="a-hover-22 a-submenu glow">sub item 212</a>
                                                </div>
                                                <div class="div-hover-22 row hidden">
                                                    <a href="#" class="a-hover-21 a-submenu glow">sub item 221</a>
                                                    <a href="#" class="a-hover-22 a-submenu glow">sub item 222</a>
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-md-2">
                                                <div class="div-hover-31 row hidden">
                                                    <a href="#" class="a-submenu glow">sub item 2111</a>
                                                    <a href="#" class="a-submenu glow">sub item 2112</a>
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-md-2"></div>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                            <li class="li-responsive fullwidth"><a href="#" class="a-title">Công nghệ</a>
                                <ul class="fullwidth3">
                                    <li class="li-fullwidth">
                                        <div class="row div-fullwidth">
                                            <div class="col-lg-3 col-md-3"></div>
                                            <div class="col-lg-2 col-md-2">
                                                <div class="row div-submenu">
                                                    <a href="#" class="a-hover-11 glow">sub item 31</a>
                                                    <a href="#" class="a-hover-12 glow">sub item 32</a>
                                                    <a href="#" class="a-hover-13 glow">sub item 33</a>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-3 img-fullwidth">
                                                <div class="row img-submenu">
                                                    <img class="img-responsive" src="images/category/3.png">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-md-2">
                                                <div class="div-hover-21 row hidden">
                                                    <a href="#" class="a-hover-21 a-submenu glow">sub item 311</a>
                                                    <a href="#" class="a-hover-22 a-submenu glow">sub item 312</a>
                                                </div>
                                                <div class="div-hover-22 row hidden">
                                                    <a href="#" class="a-hover-21 a-submenu glow">sub item 321</a>
                                                    <a href="#" class="a-hover-22 a-submenu glow">sub item 322</a>
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-md-2">
                                                <div class="div-hover-31 row hidden">
                                                    <a href="#" class="a-submenu glow">sub item 3111</a>
                                                    <a href="#" class="a-submenu glow">sub item 3112</a>
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-md-2"></div>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                            <li class="li-responsive fullwidth"><a href="#" class="a-title">Phân phối</a>
                                <ul class="fullwidth4">
                                    <li class="li-fullwidth">
                                        <div class="row div-fullwidth">
                                            <div class="col-lg-3 col-md-3"></div>
                                            <div class="col-lg-2 col-md-2">
                                                <div class="row div-submenu">
                                                    <a href="#" class="a-hover-11 glow">sub item 41</a>
                                                    <a href="#" class="a-hover-12 glow">sub item 42</a>
                                                    <a href="#" class="a-hover-13 glow">sub item 43</a>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-3 img-fullwidth">
                                                <div class="row img-submenu">
                                                    <img class="img-responsive" src="images/category/4.png">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-md-2">
                                                <div class="div-hover-21 row hidden">
                                                    <a href="#" class="a-hover-21 a-submenu glow">sub item 411</a>
                                                    <a href="#" class="a-hover-22 a-submenu glow">sub item 412</a>
                                                </div>
                                                <div class="div-hover-22 row hidden">
                                                    <a href="#" class="a-hover-21 a-submenu glow">sub item 421</a>
                                                    <a href="#" class="a-hover-22 a-submenu glow">sub item 422</a>
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-md-2">
                                                <div class="div-hover-31 row hidden">
                                                    <a href="#" class="a-submenu glow">sub item 4111</a>
                                                    <a href="#" class="a-submenu glow">sub item 4112</a>
                                                </div>
                                            </div>
                                            <div class="col-lg-1 col-md-2"></div>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                            <li class="li-responsive fullwidth"><a href="#" class="a-title">Truyền thông</a>
                                <ul class="fullwidth5">
                                    <li class="li-fullwidth">
                                        <div class="row div-fullwidth">
                                            <div class="col-lg-3 col-md-3"></div>
                                            <div class="col-lg-2 col-md-2">
                                                <div class="row div-submenu">
                                                    <a href="#" class="a-hover-11 glow">sub item 51</a>
                                                    <a href="#" class="a-hover-12 glow">sub item 52</a>
                                                    <a href="#" class="a-hover-13 glow">sub item 53</a>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-3 img-fullwidth">
                                                <div class="row img-submenu">
                                                    <img class="img-responsive" src="images/category/5.png">
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-md-2">
                                                <div class="div-hover-21 row hidden">
                                                    <a href="#" class="a-hover-21 a-submenu glow">sub item 511</a>
                                                    <a href="#" class="a-hover-22 a-submenu glow">sub item 512</a>
                                                </div>
                                                <div class="div-hover-22 row hidden">
                                                    <a href="#" class="a-hover-21 a-submenu glow">sub item 521</a>
                                                    <a href="#" class="a-hover-22 a-submenu glow">sub item 522</a>
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-md-2">
                                                <div class="div-hover-31 row hidden">
                                                    <a href="#" class="a-submenu glow">sub item 5111</a>
                                                    <a href="#" class="a-submenu glow">sub item 5112</a>
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-md-2"></div>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <div class="clear"></div>
                    </nav>
                </div>
                <div class="row hidden-lg hidden-md">
                    <nav class="navbar navbar-default" role="navigation">
                        <div class="container-fluid">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                                <a href="#"><img class="img-header" src="images/logophanbon.png"></a>
                            </div>

                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                <ul class="nav navbar-nav">
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> Giới thiệu <span class="caret"></span></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="#">sub item 1</a></li>
                                            <li><a href="#">sub item 1</a></li>
                                            <li><a href="#">sub item 1</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> Sản phẩm <span class="caret"></span></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="#">sub item 1</a></li>
                                            <li><a href="#">sub item 1</a></li>
                                            <li><a href="#">sub item 1</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> Công nghệ <span class="caret"></span></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="#">sub item 1</a></li>
                                            <li><a href="#">sub item 1</a></li>
                                            <li><a href="#">sub item 1</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> Phân phối <span class="caret"></span></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="#">sub item 1</a></li>
                                            <li><a href="#">sub item 1</a></li>
                                            <li><a href="#">sub item 1</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> Truyền thông <span class="caret"></span></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="#">sub item 1</a></li>
                                            <li><a href="#">sub item 1</a></li>
                                            <li><a href="#">sub item 1</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </nav>
                </div>
            </div>
            <div class="col-lg-1 col-md-1 col-sm-12 col-xs-12"></div>
        </div>
        <div class="row">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active" onclick="window.location.href = '#';">
                        <img class="img-responsive" src="images/slide/slide1.jpg">
                        <div class="carousel-caption">
                            <div class="row div-caption">
                                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                    <div class="row">
                                        <img class="img-responsive" src="images/slide/1/FertilizerBag.png">
                                    </div>
                                </div>
                                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 caption">
                                    <div class="row">
                                        <span class="span-caption">PHÂN BÓN HÀ LAN</span><br/>
                                        <span class="span-caption">TRỔ BÔNG HÀNG LOẠT</span>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <div class="row center-block">
                                                <img class="circle img-responsive" src="images/slide/1/coconut.jpg">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <div class="row center-block">
                                                <img class="circle img-responsive" src="images/slide/1/custard-apple.jpg">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <div class="row center-block">
                                                <img class="circle img-responsive" src="images/slide/1/durian.jpg">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item" onclick="window.location.href = '#';">
                        <img class="img-responsive" src="images/slide/slide2.jpg">
                        <div class="carousel-caption">
                            <div class="row div-caption">
                                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                    <div class="row">
                                        <img class="img-responsive" src="images/slide/1/FertilizerBag.png">
                                    </div>
                                </div>
                                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 caption">
                                    <div class="row">
                                        <span class="span-caption">PHÂN BÓN HÀ LAN</span><br/>
                                        <span class="span-caption">TRỔ BÔNG HÀNG LOẠT</span>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <div class="row center-block">
                                                <img class="circle img-responsive" src="images/slide/1/coconut.jpg">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <div class="row center-block">
                                                <img class="circle img-responsive" src="images/slide/1/custard-apple.jpg">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <div class="row center-block">
                                                <img class="circle img-responsive" src="images/slide/1/durian.jpg">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item" onclick="window.location.href = '#';">
                        <img class="img-responsive" src="images/slide/slide3.jpg">
                        <div class="carousel-caption">
                            <div class="row div-caption">
                                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                    <div class="row">
                                        <img class="img-responsive" src="images/slide/1/FertilizerBag.png">
                                    </div>
                                </div>
                                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 caption">
                                    <div class="row">
                                        <span class="span-caption">PHÂN BÓN HÀ LAN</span><br/>
                                        <span class="span-caption">TRỔ BÔNG HÀNG LOẠT</span>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <div class="row center-block">
                                                <img class="circle img-responsive" src="images/slide/1/coconut.jpg">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <div class="row center-block">
                                                <img class="circle img-responsive" src="images/slide/1/custard-apple.jpg">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <div class="row center-block">
                                                <img class="circle img-responsive" src="images/slide/1/durian.jpg">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item" onclick="window.location.href = '#';">
                        <img class="img-responsive" src="images/slide/slide4.jpg">
                        <div class="carousel-caption">
                            <div class="row div-caption">
                                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                    <div class="row">
                                        <img class="img-responsive" src="images/slide/1/FertilizerBag.png">
                                    </div>
                                </div>
                                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 caption">
                                    <div class="row">
                                        <span class="span-caption">PHÂN BÓN HÀ LAN</span><br/>
                                        <span class="span-caption">TRỔ BÔNG HÀNG LOẠT</span>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <div class="row center-block">
                                                <img class="circle img-responsive" src="images/slide/1/coconut.jpg">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <div class="row center-block">
                                                <img class="circle img-responsive" src="images/slide/1/custard-apple.jpg">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                            <div class="row center-block">
                                                <img class="circle img-responsive" src="images/slide/1/durian.jpg">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
    </div>
</div>
<div class="row pp-section" id="divArticleHomePage">
    <div class="rơw">
        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-12"></div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
            <div class="row">
                <img class="img-article img-responsive center-block" src="images/category.jpg">
            </div>
            <div class="row category">
                <p>2 DÒNG SẢN PHẨM CHÍNH:</p>
                <p>PHÂN BÓN DÀNH CHO CÂY CÀ PHÊ VÀ HỒ TIÊU</p>
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="row title" id="divTitleThreadHomePage">
                <span>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</span>
            </div>
            <div class="row div-article" id="divContentThreadHomePage">
                <span>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br/>
                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<br/>
                </span>
            </div>
            <div class="row">
                <button class="btn btn-article pull-right" onclick="window.location.href = '#'">Xem thêm</button>
            </div>
        </div>
        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-12"></div>
    </div>
</div>
<div class="row pp-section" id="divHistoryHomePage">
    <div class="row div-history">
        <div class="content">
            <div class="col-lg-1 col-xs-12"></div>
            <div class="col-lg-10 col-xs-12">
                <div class="row">
                    <span class="title">LỊCH SỬ PHÁT TRIỂN</span>
                </div>
                <div class="row div-article">
                <span>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                </span>
                </div>
                <div class="row">
                    <button class="btn btn-article pull-right" onclick="window.location.href = '#'">Xem thêm</button>
                </div>
            </div>
            <div class="col-lg-1 col-xs-12"><br/></div>
        </div>
        <div class="content hidden-lg hidden-md">
            <div class="row">
                <div class="col-sm-5 col-xs-5">
                    <div class="row div-img-timeline">
                        <img id="imgXSHistoryHomePage1" class="img-history img-responsive pull-right center-block" src="images/history/1.jpg">
                    </div>
                    <div class="row div-img-timeline">
                        <img id="imgXSHistoryHomePage3" class="img-history img-responsive pull-right center-block" src="images/history/3.jpg">
                    </div>
                </div>
                <div class="col-sm-2 col-xs-2">
                    <div class="row">
                        <div class="content div-time-title-1">
                            <label class="label title color" id="labelXSHistoryHomePage1">CỬA HÀNG, SIÊU THỊ</label>
                        </div>
                        <div class="content line-history"></div>
                        <div class="box content circle-history-xs-1"></div>
                        <div class="content div-time-title-2">
                            <label class="label title color" id="labelXSHistoryHomePage2">CÁC CƠ SỞ <br/> PHÂN PHỐI LẺ</label>
                        </div>
                        <div class="content line-history"></div>
                        <div class="box content circle-history-xs-2"></div>
                        <div class="content div-time-title-3">
                            <label class="label title color" id="labelXSHistoryHomePage3">CÁC CƠ SỞ <br/> PHÂN PHỐI SỈ</label>
                        </div>
                        <div class="content line-history"></div>
                        <div class="box content circle-history-xs-3"></div>
                        <div class="content div-time-title-2">
                            <label class="label title color" id="labelXSHistoryHomePage4">NHÀ MÁY <br/> PHÂN BÓN</label>
                        </div>
                        <div class="content line-history"></div>
                        <div class="box content circle-history-xs-4"></div>
                    </div>
                </div>
                <div class="col-sm-5 col-xs-5">
                    <div class="row div-img-timeline">
                        <img id="imgXSHistoryHomePage2" class="img-history img-responsive pull-left center-block img-right" src="images/history/2.jpg">
                    </div>
                    <div class="row div-img-timeline">
                        <img id="imgXSHistoryHomePage4" class="img-history img-responsive pull-left center-block img-right" src="images/history/4.jpg">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row hidden-xs hidden-sm">
        <div class="row">
            <div class="content">
                <div class="row">
                    <div class="col-lg-1"></div>
                    <div class="col-lg-10">
                        <div class="row">
                            <div class="img-history-1">
                                <img class="img-history img-responsive" id="imgHistoryHomePage1" src="images/history/1.jpg">
                            </div>
                            <div class="img-history-2">
                                <img class="img-history img-responsive" id="imgHistoryHomePage2" src="images/history/2.jpg">
                            </div>
                            <div class="img-history-3">
                                <img class="img-history img-responsive" id="imgHistoryHomePage3" src="images/history/3.jpg">
                            </div>
                            <div class="img-history-4">
                                <img class="img-history img-responsive" id="imgHistoryHomePage4" src="images/history/4.jpg">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-1"></div>
                </div>
                <div class="row">
                    <div class="col-lg-1"></div>
                    <div class="col-lg-10">
                        <div class="row">
                            <div class="box circle-history-1"></div>
                            <div class="line-history-1"></div>
                            <div class="box circle-history-2"></div>
                            <div class="line-history-2"></div>
                            <div class="box circle-history-3"></div>
                            <div class="line-history-3"></div>
                            <div class="box circle-history-4"></div>
                        </div>
                    </div>
                    <div class="col-lg-1"></div>
                </div>
                <br/>
                <div class="row">
                    <div class="col-lg-1"></div>
                    <div class="col-lg-10">
                        <div class="row">
                            <div class="label-history-1">
                                <label class="label label-default" id="labelHistoryHomePage1">CỬA HÀNG, SIÊU THỊ</label>
                            </div>
                            <div class="label-history-2">
                                <label class="label label-default" id="labelHistoryHomePage2">CÁC CƠ SỞ PHÂN PHỐI LẺ</label>
                            </div>
                            <div class="label-history-3">
                                <label class="label label-default" id="labelHistoryHomePage3">CÁC CƠ SỞ PHÂN PHỐI SỈ</label>
                            </div>
                            <div class="label-history-4">
                                <label class="label label-default" id="labelHistoryHomePage4">NHÀ MÁY PHÂN BÓN</label>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-1"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row pp-section" id="divTransportHomePage">
    <div class="col-lg-1 col-md-1 col-sm-1 col-xs-12"></div>
    <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12">
        <div class="row">
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                <a href="#"><img class="img-transport img-article img-responsive center-block" src="images/map.png"></a>
            </div>
            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                <div class="row div-title">
                    <span>THỊ TRƯỜNG NỘI ĐỊA</span>
                </div>
                <div class="row title">
                    <span>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</span>
                </div>
                <div class="row div-article div-transparent">
                    <span>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br/>
                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<br/>
                    </span>
                </div>
                <div class="row">
                    <button class="btn btn-article pull-left" onclick="window.location.href = '#'">Xem thêm</button>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-1 col-md-1 col-sm-1 col-xs-12"></div>
</div>
<div class="row pp-section" id="divFooterHomePage">
    <div class="content">
        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-12"></div>
        <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12">
            <div class="row">
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                    <div class="row">
                        <a href="#" class="span-title"><span>TRANG CHỦ</span></a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                    <div class="row">
                        <a href="#" class="span-title"><span>ĐIỀU KHOẢN SỬ DỤNG</span></a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                    <div class="row">
                        <a href="#" class="span-title"><span>HỎI ĐÁP</span></a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                    <div class="row">
                        <a href="#" class="span-title"><span>LIÊN HỆ</span></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-12"></div>
    </div>
    <div class="content div-line"></div>
    <div class="content">
        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-12"></div>
        <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12">
            <div class="row">
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                    <div class="row">
                        <a href="#" class="span-title"><span>Thông tin công ty</span></a>
                    </div>
                    <div class="row">
                        <a href="#" class="span-title"><span>Giới thiệu</span></a>
                    </div>
                    <div class="row">
                        <a href="#" class="span-title"><span>Lịch sử hình thành</span></a>
                    </div>
                    <div class="row">
                        <a href="#" class="span-title"><span>Thông tin chi nhánh</span></a>
                    </div>
                    <div class="row">
                        <a href="#" class="span-title"><span>Tuyển dụng</span></a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                    <div class="row">
                        <a href="#" class="span-title"><span>Sản phẩm phân bón</span></a>
                    </div>
                    <div class="row">
                        <a href="#" class="span-title"><span>Thông tin thị trường</span></a>
                    </div>
                    <div class="row">
                        <a href="#" class="span-title"><span>Thu hoạch nông sản</span></a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
                    <div class="row">
                        <a href="#" class="span-title"><span>Tin tức</span></a>
                    </div>
                    <div class="row">
                        <a href="#" class="span-title"><span>Sự kiện</span></a>
                    </div>
                    <div class="row">
                        <a href="#" class="span-title"><span>Kiến thức nhà nông</span></a>
                    </div>
                    <div class="row">
                        <a href="#" class="span-title"><span>Bảng giá nông sản</span></a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
                    <div class="row">
                        <div class="content">
                            <a href="#"><img id="imgLogoHomePage" class="center-block" src="images/logophanbon.png"></a>
                        </div>
                    </div>
                    <div class="row text-center" id="divLogoHomePage">
                        <span class="span-title">PHÂN BÓN HÀ LAN</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-12"></div>
    </div>
    <div class="content">
        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
        <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10">
            <div class="row">
                <p class="copyright">COPYRIGHT@2014 BY VUONGTHANH GROUP</p>
            </div>
        </div>
        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
    </div>
</div>
</div>
</body>
</html>
